<template>
    <div class="wrap">
        <router-link to='/Search' class="list" tag='div' style="border-right: 2px solid #1f232e;">
			<img src="../assets/home_icon_agcl@2x.png"/>
			<p>A股策略 <br /><span>选择策略，点买A股</span></p>
        </router-link>
        <router-link to='/toGuide' class="list" tag='div'>
           <img src="../assets/home_icon_xsgl@2x.png"/>
			<p>新手攻略<br /><span>帮您快速了解规则</span></p>
        </router-link>
    </div>
</template>
<script>
export default {

}
</script>
<style lang="less" scoped>
@import '../less/config.less';
.wrap {
    background-color: @liBg;
    color: @fcolor;
    width: 100%;
    height: 1.8667rem;
    display: flex;
    align-items: center;
     margin-bottom:0.26667rem;
    .list {
        width: 50%;
        display: flex;
        justify-content:center;
        align-items: center;
        line-height: 2;
        img{
        	margin-left: @p30;
            vertical-align: text-bottom;
            width: 0.96rem;
            height:0.96rem;
        }
        
        p{
        	padding-left: .1rem;
            color:white;
        	font-size: @f28;
            line-height: .5rem;
            span{
            	color:@Color;
            	font-size:@f24;
            }
        }
    }
}
</style>
